JavaScript Source Code 2002: Games: Dice Roller

Home Games Dice Roller

Next time you play a game involving dice, give our JavaScript Dice Roller a try! Just tell it how many dice to use, how many sides are on each die, and it'll give you the total for the number of dice you "rolled"! Slick!

JavaScript Source Code 2002: Games: Dice Roller
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s). The script is yours!

 2. Add the last coding into the BODY of your HTML document -->  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script>  <BODY> <center> <form name=form> <table border=2 cellpadding=5> <tr> <td colspan=2 align=middle>What dice type?</td> <td colspan=2 align=middle>How many dice to roll?</td> </tr> <tr> <td valign=top align=middle> <p><input type=radio name=sides onclick="die = 3">3 Sided <p><input type=radio name=sides onclick="die = 4">4 Sided <p><input type=radio name=sides onclick="die = 5">5 Sided <p><input type=radio checked name=sides onclick="die = 6">6 Sided <p><input type=radio name=sides onclick="die = 8">8 Sided </td> <td valign=top align=middle> <p><input type=radio name=sides onclick="die = 10">10 Sided <p><input type=radio name=sides onclick="die = 12">12 Sided <p><input type=radio name=sides onclick="die = 20">20 Sided <p><input type=radio name=sides onclick="die = 30">30 Sided <p><input type=radio name=sides onclick="die = 100">100 Sided </td> <td valign=top align=middle> <p><input type=radio name=number onclick="dice = 1">1 <p><input type=radio name=number onclick="dice = 2">2 <p><input type=radio checked name=number onclick="dice = 3">3 <p><input type=radio name=number onclick="dice = 4">4 <p><input type=radio name=number onclick="dice = 5">5 </td> <td valign=top align=middle> <p><input type=radio name=number onclick="dice = 6">6 <p><input type=radio name=number onclick="dice = 7">7 <p><input type=radio name=number onclick="dice = 8">8 <p><input type=radio name=number onclick="dice = 9">9 <p><input type=radio name=number onclick="dice = 10">10 </td> </tr> <tr> <td align=middle colspan=4> <input type=button value="Roll Dice" name=button onclick="dice_roll(die, dice)"> <input type=text size=10 name=text> </td> </tr> </table> </form> </center>